import React from 'react'
import ReactDOM from 'react-dom'


//第一种组建的创建方式
function Hello(props){
    //如果在一个组建中 return一个null，则表示此组建是空的
    //return null;
return <div>这是一个Hello组件---{props.name}</div>
}

const dog = {
    name:'大黄',
    age:3,
    gender:'雄'
}
ReactDOM.render(<div>
    123
    {/* 直接以标签方式用 */}
    {/* <Hello name={dog.name} age={dog.age}></Hello> */}
    <Hello {...dog}></Hello>
</div>,document.getElementById('app'))


var o2 = {
    age:22,
    address:'上海',
    phone:"1233"
}
// es6...展开运算符
var o1 = {
    name:'zs',
    ...o2
}
console.log(o1)